<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式 -->
    <style type="text/css">
        /* 我是css注释 */
        #box{
            width: 200px;
            height: 200px;
            background-color: #6ff;
        }
    </style>
</head>
<body>
    <div id="box"></div>
</body>
<!-- 内部JS     (等待html结构加载完毕之后 可以通过JS操作html元素) -->
<!-- 
    type="text/javascript"     把标签内的文本按照JS语法解析   
 -->
<script type="text/javascript">
    // 注释
    // 单行注释 只注释一行   ctrl + /
    /* 多行注释 可以注释多行代码(可以换行)    alt + shift + A */

    // 注释的作用  1. 对代码进行解释说明   2. 有些代码不想执行 也可以注释掉

    // !!!!  活用控制台  只要js效果没有出现先看控制台

    // 错误1:
    // Uncaught ReferenceError: hello is not defined    hello没有定义

    // 解析:
    // 1. 在js语法中 单词和字母都要有一定的意义 (1.官方定义的  2.用户自定义的 => 变量 ),如果不定义就会报错  xxx is not defined  
    // 2. 在JS中如果向描述一段文本或一句话 需要用引号(""  '')包裹   eg: "JS 好简单"; 
    // 3. 如果script中出现语法错误  => 位于该script后续的代码将终止执行 
   
    // JS的三种打印方法
    // 方法/函数: 完成某个特定功能的工具 

    // 1. document.write() 在文档(页面)中输出  一个或多个内容(如果是多个内容可以用逗号分隔)
    document.write(hello);   //报错
    document.write("hello");

    // 2. console.log()   在控制台输出  一个或多个内容(如果是多个内容可以用逗号分隔)
    console.log("hello world",100);

    // 3. alert()         弹出框(弹出一段内容 => 只能弹一个)
    alert("把眼睛睁开");




</script>
</html>